<template>
  <div class="header">
    <div
      class="left"
      @click="handleBackClick">
      <span class="iconfont">&#xe621;</span>
    </div>

    <div class="middle">景点+酒店</div>

    <div class="right"><span class="iconfont">&#xe640;</span></div>
  </div>
</template>

<script>
  export default {
    name: "detailHeader",
    methods: {
      handleBackClick() {
        this.$router.go(-1);
      }
    }
  }
</script>

<style lang="stylus" scoped>
  .header
    line-height: .88rem
    background: #fff
    display: flex

  .left
    padding: 0 .3rem
    float: left
    color: #23beae

  .middle
    flex: 1
    text-align: center
    font-weight: bold

  .right
    float: right
    padding: 0 .3rem
    color: #23beae

  .iconfont
    font-size: .5rem


</style>
